iT邦幫忙

2021 iThome 鐵人賽

DAY 20
0
Modern Web

想試試寫程式的感覺,就用 JavaScript 來寫寫看網頁吧系列 第 20

[想試試看JavaScript ] 各種事件處理 (二)

  • 分享至 

  • xImage
  •  

事件種類

事件處理是由各個瀏覽器提供的功能,然後我們再去呼叫出來使用,所以隨著瀏覽器版本的更新,一些事件就會不推薦或者放棄使用。另外,瀏覽器可能也會推出新的事件處理的種被。
這篇介紹比較常用的事件,一些不常用或者已經 MDN 不推薦的事件,就不列出來了。

介面相關事件

  • load
    載入完成後後觸發
  • beforunload
    beforonload 會在離開頁面或者重新整理時觸發,並且跳出對話框詢問使用者是否要離開現在的頁面
  • error
    error 會在 document 或者圖片載入錯誤時觸發
  • resize
    當 window(瀏覽器)或元素的尺寸變更時觸發
  • scroll
    卷軸被拉動時觸發

表單相關事件

  • input 事件
    inputtextarea 以及帶有 contenteditable 的元素被改變就會觸發。

  • change 事件
    inputselecttextarearadiocheckbox等表單元素被改變時觸發。

  • submit 事件
    當表單播送出時觸發,通常表單驗證都在 submit 事件處理

  • focus 事件
    元素被聚焦時觸發

  • blur 事件
    元素失去焦點時觸發

change 事件與 input 事件不同的是,input會在輸入內容在輸入框的當下就會觸發。
change 事件則在目前焦點離輸入框後才觸發。


上一篇
[想試試看JavaScript ] 各種事件處理
下一篇
[想試試看JavaScript ] 事件物件
系列文
想試試寫程式的感覺,就用 JavaScript 來寫寫看網頁吧30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言